const path = require('path')
const resolve = dir => {
  return path.join(__dirname, dir)
}
const Timestamp = new Date().getTime()
module.exports = {
  chainWebpack: config => {
    config.resolve.alias.set('@', resolve('src')).set('_c', resolve('src/components'))
    config.module.rule('less').oneOf('vue').use('px2rem-loader').loader('px2rem-loader').before('postcss-loader').options({ remUnit: 192 })
  },
  // 基本路径
  publicPath: './', // vueConf.baseUrl, // 根域上下文目录
  // 输出文件目录
  outputDir: 'dist',
  configureWebpack: {
    output: {
      filename: `[name].${Timestamp}.js`,
      chunkFilename: `[name].${Timestamp}.js`,
    },
  },
  // 是否在保存的时候执行 eslint 语法检验
  lintOnSave: true,
  // css 相关配置
  css: { 
    loaderOptions: {
      less: {
        javascriptEnabled: true,
      },
    },
  },
  // 
  devServer: {
    // 是否自动打开浏览器
    open: true,
    // 端口号
    port: 8081, 
    // contentBase:'./build' 打包到的地址
    proxy: {
      '/static': {
        target: 'https://erpm-dev.hiseemedical.com/api',
        ws: true, // 是否启用websockets
        changeOrigin: true,
        // 去掉代理后接口中的 /static
        pathRewrite: {
          '^/static': '',
        },
      },
    },
    // proxy: {
    //   '/api': {
    //     target: '',
    //     ws: true,
    //     changeOrigin: true,
    //     pathRewrite: {
    //       '^/api': '' // 请求地址
    //     }
    //   }
    // }
  },
}
